<template>
  <div class="system-edit-user-container">
    <!--    <el-card>-->
    <!--      <div>-->
<!--    <el-steps :active="2" style="font-size: 1px;width: 80%" align-center>-->
<!--      <el-step title="周武" :icon="SuccessFilled" description="申请人"/>-->
<!--      <el-step title="张三" :icon="SuccessFilled" description="二级审批"/>-->
<!--      <el-step title="李四" :icon="SuccessFilled" description="三级审批"/>-->
<!--    </el-steps>-->
    <!--      </div>-->
    <EditUserApply ref="userFormRef" @change="updateEditType"/>
    <!--    </el-card>-->
  </div>
</template>

<script setup name="UserApplyDetail">
import {h, reactive, ref} from 'vue';
import EditUserApply from '/@/views/point_management/my_application/EditUserApply.vue';
import {SuccessFilled} from "@element-plus/icons";


const userFormRef = ref()
// const state = reactive({
//   listData: [],
//   tableLoading: false,
//   total: 0,
//   listQuery: {
//     page: 1,
//     pageSize: 20,
//     name: '',
//   },
//   isShowDialog: false,
//   editType: 'save',
//   form: createForm(),
//   rules: {
//     name: [{required: true, message: '请输入申请名称', trigger: 'blur'},],
//     type: [{required: true, message: '请选择申请类型', trigger: 'blur'},],
//   }
// });
const updateEditType = ()=>{
  userFormRef.value.state.editType='detail'
  console.log('222:',userFormRef.value.state.editType)
}

</script>
<style scoped>

.table_header_class {
  background-color: #a9dbfb;
}

:deep(.el-input__inner) {
  border-color: #ffffff;
}
</style>
